<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="css/style.css"></link>
</head>
<body>
  <div class="page">
    <div class="home"> 
    <!-- 头部 -->
    <div class="logo">
      <h1>月下仙连的个人网页</h1>
    </div>
    <!-- index.html -->


    
    <!-- 中间内容 -->
    <div class="root2">
      <!-- 左边 -->
      <div class="hc-nav">
        <a href="about.html">
          <img src="img/jieshao.png" alt="">
          <span>个人介绍</span>
        </a>
        <a href="offering.html">
          <img src="img/offering.png" alt="">
          <span>个人作品</span>
        </a>
        <a href="dailyLife.html">
          <img src="img/life.png" alt="">
          <span>日常生活</span>
        </a>
        <a href="contactMe.html">
          <img src="img/liuyan.png" alt="">
          <span>联系我</span>
        </a>
      </div>

      <!-- 右边 -->
      <div class="hc-text">
        <!-- 图片区域 -->
        <img src="img/me.jpg" alt=""></img>
        <!-- 文字区域 -->
        <div class="hc-text-con">
          <h3>姓名：仙连</h3>
          <p id="desc-text1"></p>
          <script src="js/typewriter.js"></script>
          <script>
            typeWriter("ahhah", "desc-text");
          </script>
          <p>性别：男</p>
          <p>年龄：18</p>
          <p>爱好：玩游戏</p>
          <p>学校：五邑大学</p>
          <p id="desc-text2"></p>
          <script src="js/typewriter.js"></script>
          <script>
            typeWriter("个人介绍:我是一名充满活力的大学生，性格开朗，热爱生活。在校里，我总是带着笑容，乐于与同学们交流分享。我热爱参加社团活动，积极参与各种志愿服务，享受与人合作、共同进步的过程。学习之余我喜欢运动、旅行，用积极的心态面对每一天。希望与大家成为好朋友，共同度过美好而难忘的大学生活。", "desc-text2");
          </script>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <p>Copyright © 2020. All rights reserved.</p>
    </div>
  </div> 
  </div>
</body>
</html>